/**
 * Created by shenhua on 11/21/2016.
 */
$(document).ready(function () {
    /*
     // 轮播图片 幻灯片切换
     var bgImgs = $('#carousel').children('.bg-imgs')[0], // 图片容器
     bgImg = $(bgImgs).children(), // 所有的图片 数组

     indicators = $('#carousel').children('.indicators')[0], // 分页指示 容器
     indicator = $(indicators).children('span'), // 单个分页指示 数组

     // indicatorText = $('#carousel').children('.title')[0], // 背景图片说明文字
     // text = $(indicatorText).children('p'), // 说明文字数组

     imgsNum = $(bgImgs).children().size(), // 背景图片总数
     bgImgsWidth = $(bgImgs).width(), // 背景图片容器的宽度
     bgImgsViewWidth = bgImgsWidth * imgsNum, // 获取图片的总宽度
     activeID = parseInt($($(indicators).children('.active')[0]).attr('rel')), // 获取当前活跃的图片ID
     nextID = 0, // 下一个播放的ID
     intervalID, // setInterval 函数的返回值
     delay = 5000, // 图片切换延迟
     speed = 800; // 图片切换速度

     // $(bgImgs).css({'width' : bgImgsViewWidth + "px"}); // 图片整个容器宽度
     // $(bgImgs).children('img').css({'width' : bgImgsWidth + "px"}); // 单个图片宽度

     // 图片滑动 函数
     var rotate = function(clickID) {
     // ======= 3 =======
     // 循环 渐隐渐现
     if(clickID + 1)
     nextID = clickID;
     else
     nextID = (activeID + 1) % imgsNum;

     $(indicator[activeID]).removeClass('active');
     $(indicator[nextID]).addClass('active');

     // 动画处理
     // $(inner[activeID]).fadeOut(speed);
     // $(inner[nextID]).fadeIn(speed);
     $(bgImg[activeID]).removeClass('active');
     $(bgImg[nextID]).addClass('active');

     // 切换背景图片说明文字
     // $(text[activeID]).css('display', 'none');
     // $(text[nextID]).css('display', 'block');

     activeID = nextID;
     };

     // 定时执行循环 函数
     intervalID = setInterval(rotate, delay);
     // 点击 分页指示 处理
     $(indicator).click(function(event) {
     if($(this).hasClass('active')) {
     return false;
     }

     var curClickID = parseInt($(this).attr('rel'));
     // 首先清楚 当前的 定时任务ID
     clearInterval(intervalID);

     rotate(curClickID);
     intervalID = setInterval(rotate, delay);
     });

     // 轮播图片 渐隐渐现
     // 从第 0 个开始播放
     // loopBanner(0);
     */

    // 滚动页面 导航条高度大于 500时， 头部当行固定 且 添加 背景色
    $(window).scroll(function () {
        // 轮播图部分高度
        // var carouselH = $('#carousel').height();

        // 头部导航条高度
        var nvaH = $('#header').height();

        // 滚动条距离顶部高度
        //noinspection JSValidateTypes
        var scroll = $(window).scrollTop();

        if (scroll > nvaH) {
            $('#header').css({'background-color': 'rgba(29, 191, 216, 1)'});
        } else {
            $('#header').css({'background-color': 'transparent'});
        }
    });

    // 手机版导航条控制
    var mobileNavbar = $('.mobile-navbar-beacon');
    $('#header .navbar-header .navbar-toggle').click(function () {
        // $('.mobile-navbar-beacon').toggle();
        if (mobileNavbar.hasClass('bounce-in')) {
            mobileNavbar.removeClass('bounce-in').addClass('bounce-out');
        } else {
            mobileNavbar.removeClass('bounce-out').addClass('bounce-in');
        }
    });
    // 手机版导航条被点击事，隐藏导航条
    $('.mobile-navbar-beacon li:not(.dropdown)').click(function () {
        mobileNavbar.removeClass('bounce-in').addClass('bounce-out');
    });

    // 页面点击导航 锚点偏移的问题
    var handler = function (hash) {
        var target = document.getElementById(hash.slice(1));
        if (!target) return;

        // 头部导航条高度
        var headerH = $('#header').height();

        var targetOffset = $(target).offset().top - headerH;
        $('body').animate({scrollTop: targetOffset}, 400);
    };
    $('a[href^=#][href!=#]').click(function () {
        console.log(this.hash);
        handler(this.hash);
    });
    if (location.hash)
        handler(location.hash);

    // tooltip
    $("[data-toggle='tooltip']").tooltip({
        html: true
    });
});